Web前端：密碼強度檢測jQuery插件

即使多因素身份驗證的興起，密碼仍然是在線安全的基石。 本文指導您使用ZXCVBN庫創建強大的jQuery密碼強度插件。 該插件可幫助用戶生成stron

最近客戶想做密碼強度指示器，讓用戶輸入密碼的時候，即時知道自己的密碼複雜度 但一想到要自己去"定義"怎樣的密碼複雜度算弱or強，整個人就惰性大發XD(畢竟牽扯JS邏輯+UI bar條+配給CSS顏色) 幸好網路上找來找去，有找到一個簡單好用好上手的套件，也就是本文的主角：「jQuery Password Strength Indicator」 官網Demo畫面 在「dotblogs.com.tw」查看更多資訊 首先到 https://github.com/matoilic/jquer

DEMO圖片 Strength.js 套件能用在註冊時就先檢查密碼的強度，現在很多網站都有會員機制，很多人怕密碼會忘記或是偷懶都會用一些很簡短簡單的密碼，這樣就讓其它惡意的使用者就有機可趁，這也讓網站的管理者很頭大。

其實主要是藉助一款passwordRulesHelper的密碼強度檢測jQuery插件。 該插件內置5種密碼強度規則，例如密碼中必須包含大寫字母和數字等。

此 JavaScript 函數檢查密碼的強度以及破解密碼的難度是簡單、中等、困難或極難。 當使用者打字時，它會顯示鼓勵其變得更強的提示。

如需使用 Password Validation（密碼驗證）插件，請添加一個 class "password" 到 input，同時添加顯示強度的基本標記在表單的需要顯示的地方：

//$ ('#passstrength').html ('小於六位的時候'); //密碼小於六位的時候，密碼強度圖片都為灰色 } else if (strongRegex.test ($ (this).val ())) $ ('#div2').removeClass ('zhong'); $ ('#div2').addClass ('qiang'); //$ ('#passstrength')